/* Keyboard Tab focus: dashed outline. :focus-visible = keyboard only, not mouse click */
:focus-visible {
  outline: 3px dashed #000 !important;
  outline-offset: 2px !important;
  border: 2px dashed #fff !important;
}

/* Screen-reader-only text (toggle labels, live region, etc.) */
#shmonim_page .sr-only,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Toggle: ring on whole label (invisible checkbox covers the track) */
#shmonim_page .packages-container #toggleInput:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

#shmonim_page .packages-container .toggle-switch:has(#toggleInput:focus-visible),
#shmonim_page .packages-container .toggle-container:has(.packages-toggle-a11y input:focus-visible) .toggle-switch {
  outline: 3px dashed #000 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #fff !important;
  border-radius: 34px;
}

/* A11y radios: in tab order / SR tree, never intercept mouse clicks on the visual toggle */
#shmonim_page .packages-container .packages-toggle-a11y {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#shmonim_page .packages-container .packages-toggle-a11y input:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}